
   </style>
   /* Hover for menu bar*/
  <style class="hidden-xs">
      div {background-color: #33625f;}
                      div a {
                          text-decoration: none;
                          /*font-size: 20px;
                          padding: 15px;*/
                          display:inline-block;
                      }
                      ul {
                        display: inline;
                        margin: 0;
                        padding: 0;
                      }
                      ul li {display: inline-block;}
                      ul li:hover {background: rgb(204, 204, 204);}
                       ul li:hover ul {display: block;}
                      ul li ul {
                        position: absolute;
                        /*width: 400px; */
                        display: none;
                      }
                      ul li ul li { 
                        background: rgb(204, 204, 204); 
                        display: block; 
                      }
                      ul li ul li a {display:block !important;} 
                      li ul li:hover {background: rgb(204, 204, 204);}
    </style>
    /* boilerplate code for calling jScript - wait for document to load
    <script type="text/javascript">
    $(document).ready (function(){
    /* code below e.g.
   $("#id").hide(300);
    });
    </script>
*/

   <body style="color: rgb(0, 0, 0); background-color: rgb(204, 204, 204);"
  alink="#000000" link="#000000" vlink="#000000">
